<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="./assets/bootstrap-5.3.0-alpha1/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <!-- A list of functions, display as menu -->
    <!-- here is menu list using bootstrap style -->
    <!-- menus: -->
    <!-- 1： 加法交换律, links to add-change.html -->
    <ul class="nav">
      <li class="nav-item">
        <a class="nav-link" href="./add-change.html">加法交换律</a>
      </li>
      <!-- 2： 减法交换律, links to sub-change.html -->
      <li class="nav-item">
        <a class="nav-link" href="./sub-change.html">减法交换律</a>
      </li>
      <!-- 3： 乘法交换律, links to mul-change.html -->
      <li class="nav-item">
        <a class="nav-link" href="./mul-change.html">乘法交换律</a>
      </li>
      <!-- 4： 除法交换律, links to div-change.html -->
      <li class="nav-item">
        <a class="nav-link" href="./div-change.html">除法交换律</a>
      </li>

    
    


    <script src="./assets/bootstrap-5.3.0-alpha1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
  </body>
</html>